<page-header [title]="'编辑产品'">
  <!--<ng-template #breadcrumb>-->
    <!--<nz-breadcrumb>-->
      <!--<nz-breadcrumb-item>基本信息</nz-breadcrumb-item>-->
      <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>&ndash;&gt;-->
    <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <!--<ng-template #tab>-->
    <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
      <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
      <!--&lt;!&ndash;<nz-tab nzTitle="文件信息" (nzSelect)="changeTab(1)"></nz-tab>&ndash;&gt;-->
      <!--&lt;!&ndash;<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>&ndash;&gt;-->
    <!--</nz-tabset>-->
  <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>

  <!--<ng-template #extraTemplate>-->
    <!--<button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回列表</button>-->
  <!--</ng-template>-->
</page-header>
<nz-spin [nzSpinning]="loading">

<nz-card nzTitle="基本信息">
  <form nz-form>
    <nz-form-item>

      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderNo" name="orderNo">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusName" name="cusName">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusMobile" name="cusMobile">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>车型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderCartype" name="orderCartype">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>车牌</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderCarno" name="orderCarno">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>VIN号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.carVin" name="carVin">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPS状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsStatus" name="gpsStatus">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPS品牌</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsBrand" name="gpsBrand">
      </nz-form-control>
      
      <nz-form-label nzSpan="2" nzRequired>安装内容</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsType" name="gpsType">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>计划安装时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsTime" name="gpsTime">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsUser" name="gpsUser">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsMobile" name="gpsMobile">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装地点</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsAddr" name="gpsAddr">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsStatus" name="gpsStatus">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installUser" name="installUser">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installDate" name="installDate">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID1</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installId1" name="installId1">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID2</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installId2" name="installId2">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID3</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installId3" name="installId3">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID4</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installId4" name="installId4">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID5</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.installId5" name="installId5">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="gpsData.gpsRemark" name="gpsRemark">
      </nz-form-control>

    </nz-form-item>
  </form>
</nz-card>

  <nz-card nzTitle="文件信息">

    <form nz-form>
      <div class="clearfix">

        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUrl"
          [nzData]="avatarParam"
          nzListType="picture-card"
          [(nzFileList)]="fileList"
          [nzShowButton]="fileList.length < 30"
          (nzChange)="upLoadChange($event)"
          [nzPreview]="handlePreview">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>

    </form>
  </nz-card>
  <nz-card nzTitle="维护列表">
      <simple-table #st
      [columns]="columns"
      [data]="url"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{total:'total', list:'data'}"
      [reqReName]="{pi:'pageNumber', ps:'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showPagination]="true"
      [showSizeChanger]="true"
      [scroll]="{x:'1800px'}"
      (checkboxChange)="checkboxChange($event)"
      >
    </simple-table>
  </nz-card>
</nz-spin>

<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
